
.view {
	width: 100%; 
	height: auto;
	overflow: hidden; 
}
.banner {
	width: 100%;
	height: 100%;
	border-bottom: 10px solid #f3f3f3;
	margin-bottom: 20px;
}
.tip {
	width: 200px;
	height: 20px;
	margin: 0 auto;
	margin-bottom: 20px;
	background: url(../images/tip.png) no-repeat 0 0/100%;
}
.subBar {
	width: auto;
	height: auto;

	display: -webkit-flex; /* Safari */
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: space-between;
}
.sub {
	width: 160px;
	height: 140px;
	margin: 0 10px 10px 10px;
	border-radius: 6px;
}
.sub img {
	width: 160px;
	height: 100px;
}
.sub span {
	padding: 10px 0 10px 6px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	font-size: 16px;
	font-family: 'SimHei', Arial, Helvetica, sans-serif;
	color: #000;
}
.sub:last-child {
	height: 1px;
}
.footer {
	width: auto;
	height: 30px;
	background: #f3f3f5;
	text-align: center;
}
.footer span {
	width: 200px;
	height: auto;
	margin: 0 auto;
	font-size: 14px;
	font-family: 'SimHei', Arial, Helvetica, sans-serif;
	color: #a9a9a9;
	padding-top: 6px;
}

@media screen and (max-width: 360px) {
	.sub {
		width: 138px;
		height: 108px;
	}
	.sub img {
		width: 138px;
		height: 78px;
	}
	.sub span {
		padding: 6px 0;
		font-size: 14px;
	}
	.sub:last-child {
		height: 1px;
		border: none;
	}
}